.hot-table-container, .hot-table-code-container, .hot-table-threshold-container {
  .columnTable {
    .handsontable tr:first-child {
      th:first-child {
        overflow: visible;
        position: relative;
        border-bottom: none;
        div {
          position: absolute;
          top: 22px;
          left: calc(50% - 30px);
        }
      }
    }
  }
  .handsontable th, .handsontable td {
    color: #606266;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ebeef5;
    border-right: none;
    border-left: none;
    text-align: center;
    min-width: 90px;
    font-size: 14px;
  }
  .handsontable th {
    background-color: #F8F8F8;
    color: #3f3f3f !important;
    font-weight: bold;
    font-size: 15px;
  }
  .handsontable thead th, .handsontable thead td {
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc;
  }
}
.hot-table-code-container {
  height: auto;
  .handsontable tr {
    border-right: 1px solid #ccc;
  }
  .handsontable th, .handsontable td {
    border-bottom: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
  }
  .handsontable thead th, .handsontable thead td {
    border: 0;
  }
}

.hot-table-threshold-container {
  height: auto;
  .handsontable .afterHiddenColumn::before {
    display: none !important;
  }
  .handsontable .beforeHiddenColumn::after {
    display: none !important;
  }
  .handsontable tr {
    border-right: 1px solid $border-color;
  }
  .handsontable th, .handsontable td {
    border-left: 1px solid $border-color;
    border-bottom: 1px solid $border-color;
    height: 30px;
    line-height: 30px;
  }
  .handsontable thead th, .handsontable thead td {
    border: 0;
  }
}

// element-ui 表格样式同步
.single-extend {
  .el-table--border {
    border-color: #ccc;
  }
  .el-table--border tr {
    th {
      border-right: 1px solid #ccc;
    }
    th.is-leaf {
      border-color: #ccc;
    }
    td {
      border-right: none
    }
    td:first-child {
      background: #f8f8f8;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      font-weight: bold;
    }
  }
}

// 解决中文下日期text样式问题
.htDatepickerHolder .pika-table th abbr {
  text-decoration: blink!important;
}

.hideYearSelect {
  .pika-title {
    .pika-label:nth-of-type(2) {
      display: none !important;
    }
  }
}
